<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中英互译</title>
    <link rel="stylesheet" href="css/style.css">

</head>
<body>
    <div class="title">
        <h1>翻译</h1>
        <h3>中英互译</h3>
    </div>
    <div class="container">
        <div class="bottom-1">
            <a href="" class="w1 active" id="w1">中文</a>
            <a href="" class="y1" id="y1">英语</a>
            <button onclick="switchLan()"><img src="img/未标题-1.jpg" alt=""></button>
            <a href="" class="w2 active" id="w2">英语</a>
            <a href="" class="y2" id="y2">中文</a>
        </div>
        <div class="bottom-2">
            <textarea name="" id="e1"  placeholder="在线文字"></textarea>
            <textarea name="" id="e2"  placeholder="翻译"></textarea>
        </div>
        <div class="bottom-3">
            <button id="button" onclick="zhToEn();enToZh()">翻译</button>
        </div>
    </div>








<script src="script.js"></script>
</body>
</html>